body {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    background: #DDDDDD;
}

.pxToRem(@p, @px) {
    @{p}: @px / 75px * 1rem;
}

.Y_header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background: #fff;
    border-bottom: 1px solid #737373;
    .pxToRem(height, 74);
    h2 {
        .pxToRem( line-height, 74);
        .pxToRem(font-size, 50);
        color: #000;
        text-align: center;
    }
}

.Y_nav {
    width: 100%;
    z-index: 100;
    position: fixed;
    left: 0;
    top: 0;
    .pxToRem( margin-top, 75);
    display: block;
    ul {
        background: #F7F7F7;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        list-style: none;
        li {
            width: 20%;
            .pxToRem( padding-right, 10);
            .pxToRem( padding-left, 10);
            .pxToRem( line-height, 80);
            .pxToRem( font-size, 30);
            .xiahuas {
                border-bottom: 1px solid #FF0000;
            }
        }
    }
}

.Y_main {
    .pxToRem(margin-top, 185);
    display: block;
    background: #fff;
    .swiper-container {
        width: 100%;
        height: 100%;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        img {
            width: 100%;
            .pxToRem( height, 400);
        }
    }
}

.Y_banner {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    background: #fff;
    .pxToRem(margin-top, 30);
    .pxToRem( margin-bottom, 30);
    dl {
        width: 20%;
        .pxToRem( padding-top, 15);
        .pxToRem( padding-bottom, 15);
        dt {
            text-align: center;
            img {
                .pxToRem(width, 80);
                .pxToRem(height, 130);
                text-align: center;
            }
        }
        dd {
            text-align: center;
            .pxToRem(margin-top, 15);
        }
    }
}

.Y_title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    width: 100%;
    //  .pxToRem( margin-top, 40);
    .pxToRem( line-height, 80);
    p {
        .pxToRem(font-size, 30)
    }
    span {
        .pxToRem(padding-left, 30);
        color: #ccc;
    }
}

.Y_tu {
    img {
        width: 100%;
    }
}

#Y_jing {
    width: 100%;
    z-index: 50;
    background: #fff;
    .swiper-container {
        .swiper-slide {
            .pxToRem(width, 300) !important;
            //          text-align: center;
            background: #fff;
            display: flex;
            align-items: flex-start;
            .pxToRem(padding-left, 30) !important;
            dl {
                img {
                    .pxToRem(width, 353);
                    .pxToRem(height, 380);
                }
                .pxToRem(width, 360);
                dd {
                    p {
                        .pxToRem(font-size, 30);
                    }
                    span {
                        .pxToRem(font-size, 30);
                    }
                }
            }
        }
    }
}

.te {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    .pxToRem(margin-top, 30);
    dl {
        display: flex;
        justify-content: center;
        align-items: center;
        dd {
            .pxToRem(line-height, 50);
            .pxToRem(padding-left, 20);
            h2 {
                .pxToRem(font-size, 30);
            }
        }
        dt {
            .pxToRem(padding-left, 20);
            img {
                .pxToRem(width, 200);
            }
        }
    }
}

.girl {
    display: flex;
    justify-content: center;
    align-items: center;
    span {
        color: #999999;
    }
}

.footer {
    .pxToRem( height, 90);
    position: fixed;
    .pxToRem( bottom, 0);
    display: flex;
    align-items: center;
    width: 100%;
    background: #fff;
    z-index: 200;
    dl {
        width: 20%;
        text-align: center;
        dt {
            img {
                .pxToRem( width, 40);
                .pxToRem( height, 40);
            }
            .B_red {
                .pxToRem( width, 40);
                .pxToRem( height, 40);
                display: none;
            }
            .B_write {
                .pxToRem( width, 40);
                .pxToRem( height, 40);
                //              display: none;
            }
        }
        dd {
            margin-left: 0;
        }
    }
}